<script setup>
import { useRouter } from 'vue-router'
const router = useRouter()
const toDataEditMap = () => {
    router.push({ name: 'DataEditMap' })
}
</script>

<template>
    <div class="w-full h-[calc(100%-4.3rem)] bg-slate-50">
    <div class="p-20 ">
        <div>
            <button class="btn btn-info mr-7">添加</button>
            <button class="btn btn-success">导入</button>
        </div>
        <div class="overflow-x-auto">
            <table class="table">
                <!-- head -->
                <thead>
                <tr class="text-base">
                    <th></th>
                    <th>路灯名称</th>
                    <th>路灯地址</th>
                    <th>路灯状态</th>
                    <th>操作</th>
                </tr>
                </thead>
                <tbody>
                <!-- row 1 -->
                <tr>
                    <th>1</th>
                    <td>Cy Ganderton</td>
                    <td>Quality Control Specialist</td>
                    <td>Blue</td>
                    <td>
                        <button class="btn btn-outline btn-sm mr-7">编辑</button>
                        <button class="btn btn-outline btn-sm">删除</button>
                    </td>
                </tr>
                <!-- row 2 -->
                <tr>
                    <th>2</th>
                    <td>Hart Hagerty</td>
                    <td>Desktop Support Technician</td>
                    <td>Purple</td>
                    <td>
                        <button class="btn btn-outline btn-sm mr-7">编辑</button>
                        <button class="btn btn-outline btn-sm">删除</button>
                    </td>
                </tr>
                <!-- row 3 -->
                <tr>
                    <th>3</th>
                    <td>Brice Swyre</td>
                    <td>Tax Accountant</td>
                    <td>Red</td>
                    <td>
                        <button class="btn btn-outline btn-sm mr-7">编辑</button>
                        <button class="btn btn-outline btn-sm">删除</button>
                    </td>
                </tr>
                </tbody>
            </table>
            <div class="join mt-7">
                <button class="join-item btn btn-active">1</button>
                <button class="join-item btn">2</button>
                <button class="join-item btn">3</button>
                <button class="join-item btn">4</button>
            </div>
        </div>
    </div>
    </div>
</template>

<style scoped>

</style>
